{% load i18n %}
<tr>
  <td class="first"></td>
  <td>
    {% if not booking.is_closed %}
      <input id="history_id" type="radio" onclick="JS_toggleRowColour(this, 'booking-list');" title="" value="{{ history.id }}" name="history_id"/>
    {% endif %}
  </td>
  <td>{{ history.created|timesince }}</td>
  <td>{{ history.get_action_title }}
    <a id="hist-{{ history.id }}-pointer" href="javascript:inhouse.toggle_section('hist-{{ history.id }}');" class="toggled-section ">
      <span id="hist-{{ history.id }}-image" class="sprite plus"></span>
    </a>
  </td>
  <td>{{ history.created_by_id|show_user_link }}</td>
  <td style="text-align: center;">{{ history.duration|format_minutes_to_time }}</td>
  <td>
    {{ history.project|truncatewords:5 }} {% if history.project.is_closed %}({% trans 'closed' %}){% endif %}
  </td>
  <td>{{ history.step }}</td>
  <td class="last">
    {{ history.get_title|truncatewords:5 }}
  </td>
</tr>
<tr style="border: none;">
  <td class="first last" colspan="9" style="padding: 0;">
  <div id="hist-{{ history.id }}" style="padding: 10px; display:none; border-bottom: thin solid lightgrey;">
    <span class="details">
    <code>
      {% if history.issue %}
        <a href="">{{ history.get_title }}</a>
      {% else %}
        {{ history.get_title }}
      {% endif %}
      <br/><br/>
      {{ history.get_description }}
    </code>
    </span>
  </div>
  </td>
</tr>
